<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米网</title>
	<style>
		*{
			margin: 0;
			padding: 0;
		}
		li {
			list-style: none;
		}
		a {
			text-decoration: none;
		}
		.contain {
			width: 1220px;
			margin: 0 auto;
		}
		.orange {
			color: #FFA633!important;
		}
		.top {

			background-color: #333333;
			height: 40px;
			overflow: hidden;
		}
		.head li {

            float: left;
            line-height: 40px;
          /*  margin-right: 16px;*/
            border-right: 1px solid  #373B40;
            padding-right: 6px;
		}
		.head li a {
			color: #8F8F8F;
			font-size: 12px;
		}
		.head li a:last-child {
			border: 0;
		}
		.nav{
			height: 100px;
		}
		.nav .img {
			width: 244px;
			height: 100px;
			padding-top: 20px;
			box-sizing: border-box;
			float: left;
		}
		.nav li {
			float: left;
			line-height: 100px;
			padding-left: 30px;
		}
		.nav li a {
			color: #000;
			font-size: 14px;
			font-family: "微软雅黑";
		}
		.banner {
			height: 460px;
			background: url(images/banner.png)  no-repeat right;
		}
		.sliderbar {
			width: 230px;
			height: 460px;
			padding-top:29px;
			padding-left:32px;
			background-color: #2C505F;
			box-sizing:border-box;
		}
		.sliderbar li {
			height: 40px;
			font-family: "微软雅黑";
			font-size: 14px;
		}
		.sliderbar li a {
			color: #fff;
		}
		.sliderbar li span {
			float: right;
			margin-right: 24px;
		}
		.banner-xia {
			height: 172px;
			margin-top: 13px;
			margin-bottom:65px;
		}
		.banner-xia a {
			float: right;
		}
		.banner-xia a img {
			margin-left: 14px;
		}
		.banner-xia a:last-child {
			width: 230px;
			height: 170px;
			background-color: #5F5750;
			text-align: center;
			color: #fff;
			line-height: 40px;
			padding-top: 40px;
			box-sizing: border-box;
        }
        .main {
        	height: 800px;
        	background-color: #F5F5F5;
        	overflow: hidden;
        }
		.zhineng-top {
			margin-top: 78px;
			height: 38px;
		}
		.zhineng-top a {
			font-family: "微软雅黑";
			font-size: 18px;
			color: #424242;
		}
		.zhineng-top a:first-child {
			float: left;
		}
		.zhineng-top a:last-child {
			float: right;
			margin-right: 25px;
		}
		.zhineng-l {
			float: left;
		}
		.zhineng-r{
			width: 980px;
			height: 614px;
			float: left;
		}
		.zhineng-r li {
			background-color: #fff;
			width: 230px;
			height: 300px;
			float: left;
			margin-left: 15px;
			margin-bottom: 15px;
		}
		.zhineng-r li div {
			width: 230px;
			height: 180px;
			padding-top: 20px;
			padding-left: 36px;	
			box-sizing: border-box;
		}
		.zhineng-r li p {
			text-align: center;
			line-height: 24px;
			box-sizing: border-box;
			font-size: 14px;
			font-family: "微软雅黑";
			color: #333333;

		}
		.zhineng-r li p span {
			color: #DADAC5;
		}
		.zhineng-r li:hover{
			top:-3px;
			/*position: relative;*/
			box-shadow: 0 5px 5px 5px rgba(0,0,0,0.4);
		}
		.support {
			height: 210px;
			color: #fff;
		}
		.support-l {
			width: 980px;
			height: 200px;
			float: left;
			
		}
		.support-l dl{

			margin-top: 60px;
			margin-right: 98px;
			float: left;
		}
		.support-l dl dt {
			height: 40px;
			font-size: 16px;
		}
		.support-l dl dd {
			font-size: 14px;
			height: 30px;
		}
		
		.support-r {
			float: right;
			margin: 57px 0 0 17px;
			height: 109px;
			width: 220px;
			border-left: 1px solid #ECECEC;
			text-align: center;
			font-family: "微软雅黑";

		}
		.support-r h3 {
			color: #FF6700;
			margin-bottom: 5px;
		}
		.support-r p{
			font-size: 12px;
			line-height: 18px;
			color: #333;
		}
		.footer {
			height: 160px;
			background-color: #F5F5F5;
		}
		.footer img {
			float: left;
			padding-right: 20px;
			margin-top: 50px;
		}
		.footer p {
			font-size: 14px;
			color: #757575;
			padding-top: 50px;
		}
		.footer span {
			font-size: 12px;
			color: #C3B0C3;
		}
		.slogn {
			color: #DADADA;
			text-align: center;
			letter-spacing: 5px;
			padding-top: 10px;
		}
	</style>
</head>
<body>
	<div class="top">
		<div class="head contain">
		    <ul>
			     <li><a href="#">小米网</a></li>
			     <li><a href="#">MIUI</a></li>
			     <li><a href="#">米聊</a></li>
			     <li><a href="#">游戏</a></li>
			     <li><a href="#">多看阅读</a></li>
			     <li><a href="#">云服务</a></li>
			     <li><a href="#">小米网移动版</a></li>
			     <li><a href="#">问题反馈</a></li>
			     <li><a href="#">Select Region</a></li>
		    </ul>
		</div>
	</div>
	<div class="nav contain">
	    <div class="img">
		    <img src="images/logo.png" alt="">
		    <img src="images/haidaoquannew.gif" alt="">
		</div>
		<ul>
			<li><a href="#">小米手机</a></li>
			<li><a href="#">红米</a></li>
			<li><a href="#">平板</a></li>
			<li><a href="#">电视</a></li>
			<li><a href="#">盒子</a></li>
			<li><a href="#">影音</a></li>
			<li><a href="#">路由器</a></li>
			<li><a href="#">智能硬件</a></li>
			<li><a href="#">服务</a></li>
			<li><a href="#">社区</a></li>
		</ul>
	</div>
	<div class="banner contain">
		<div class="sliderbar">
			<ul>
				<li><a href="#">手机 平板 电话卡<span>></span></a></li>
				<li><a href="#">电视 盒子<span>></span></a></li>
				<li><a href="#">路由器 智能硬件<span>></span></a></li>
				<li><a href="#">移动电源 插线板<span>></span></a></li>
				<li><a href="#">耳机 音箱<span>></span></a></li>
				<li><a href="#">电池 存储卡<span>></span></a></li>
				<li><a href="#">保护套 后盖<span>></span></a></li>
				<li><a href="#">贴膜 其他配件<span>></span></a></li>
				<li><a href="#">米兔 服装<span>></span></a></li>
				<li><a href="#">箱包 其他周边<span>></span></a></li>
			</ul>
		</div>
	</div>
	<div class="banner-xia contain">
		<a href="#"><img src="images/9df8948d-398c-4aa6-a744-2321c7b2dbbc.jpg" alt=""width="316px"></a>
		<a href="#"><img src="images/05afb66f-1334-4522-a472-b8aee48cf3de.jpg" alt=""width="316px"></a>
		<a href="#"><img src="images/ddffe50f-7022-48ed-9553-24fb7c29dcc4.jpg" alt=""width="316px"></a>
		<a href="#">我就是一个空色块<br>一言不合就这么任性</a>
	</div>
	<div class="main">
		<div class="zhineng contain">
		    <div class="zhineng-top">
		    	<a href="#">智能硬件</a>
		    	<a href="#">查看全部</a>
		    </div>
		    <div class="zhineng-l">
		    	<img src="images/124d82cc-cfce-44ab-b711-28b21be81683.jpg" alt="">
		    </div>
		    <div class="zhineng-r">
		    	<li>
		    		<div><a href="#"><img src="images/T1rQAgB7Av1RXrhCrK.jpg" alt=""></div>
		    		<p>小米路由器3<br /><span>四天线设计，更安全更稳定</span><br /><span class="orange">149元</p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/pms_1464071511.37197399!220x220.jpg" alt=""width="160px"></div>
		    		<p>米家 LED 智能台灯<br /><span>无可视频闪，亮度色温无级调节</span><br /><span class="orange"></p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1zTK_Bbhv1RXrhCrK.jpg" alt=""width="160px"></div>
		    		<p>小米净水器 厨下式<br /><span>RO反渗透直出纯净水，包邮包安装</span><br /><span class="orange">1999元</span></p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1o3Z_BKET1RXrhCrK!220x220.jpg" alt=""width="160px"></a></div>
		    		<p>小蚁智能摄像机 夜视版<br /><span>能看能听能说，手机远程观看</span><br /><span class="orange">149元</span></p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1KOYgBQdv1RXrhCrK.jpg" alt=""width="160px"></div>
		    		<p>Yeelight床头灯<br /><span>触摸式操作，给卧室1600万种颜色</span><br /><span class="orange">249元</p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1zBYgBCWv1RXrhCrK!220x220.jpg" alt=""width="160px"></div>
		    		<p>小米空气净化器2<br /><span>10分钟，房间空气焕然一新</span><br /><span class="orange">699元</span></p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1YTJ_B_Av1RXrhCrK.jpg" alt=""width="160px"></div>
		    		<p>小米智能安防套装<br /><span>智能警戒，为您的家增添一份安心</span><br /><span class="orange">169元</p></a>
		    	</li>
		    	<li>
		    		<div><a href="#"><img src="images/T1MQDgB5Vv1RXrhCrK.jpg" alt=""width="160px"></div>
		    		<p>米家iHealth血压计<br /><span>爸妈上手就会用的智能血压计</span><br /><span class="orange">399元</span></p></a>
		    	</li>
		    </div>
		</div>
	</div>
	<div class="support">
		<div class="support-in contain">
		     <div class="support-l">
		     	<dl>
		     		<dt><a href="#">帮助中心</a></dt>
		     		<dd><a href="#">账户管理</a></dd>
		     		<dd><a href="#">购物指南</a></dd>
		     		<dd><a href="#">订单操作</a></dd>
		     	</dl>
		     	<dl>
		     		<dt><a href="#">务支持服</a></dt>
		     		<dd><a href="#">售后政策</a></dd>
		     		<dd><a href="#">自助服务</a></dd>
		     		<dd><a href="#">相关下载</a></dd>
		     	</dl>
		     	<dl>
		     		<dt><a href="#">线下门店</a></dt>
		     		<dd><a href="#">小米之家</a></dd>
		     		<dd><a href="#">服务网点</a></dd>
		     		<dd><a href="#">零售网点</a></dd>
		     	</dl>
		     	<dl>
		     		<dt><a href="#">关于小米</a></dt>
		     		<dd><a href="#">了解小米</a></dd>
		     		<dd><a href="#">加入小米</a></dd>
		     		<dd><a href="#">联系我们</a></dd>
		     	</dl>
		     	<dl>
		     		<dt><a href="#">关注我们</a></dt>
		     		<dd><a href="#">新浪微博</a></dd>
		     		<dd><a href="#">小米部落</a></dd>
		     		<dd><a href="#">官方微信</a></dd>
		     	</dl>
		     	<dl>
		     		<dt><a href="#">特色服务</a></dt>
		     		<dd><a href="#">F 码通道</a></dd>
		     		<dd><a href="#">小米移动</a></dd>
		     		<dd><a href="#">防伪查询</a></dd>
		     	</dl>
		     </div>
		     <div class="support-r">
		     	<h3>400-100-5678</h3>
				<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
		     </div>
	    </div>
	</div>
	<div class="footer">
		<div class="footer-in contain">
			<div class="logo"><img src="images/logo.png" alt=""></div>
			<p>小米网|MIUI|米聊|多看书城|小米路由器|视频电话|小米后院|小米天猫店|小米淘宝直营店|小米网盟|问题反馈|Select Region</p>
			<span>mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号<br />
            违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
            </span>
			<div class="slogn">	
            探索黑科技，小米为发烧而生
			</div>
		</div>
	</div>
</body>
</html>